
@font-face {
    font-family: 'iconfont';  /* Project id 3371257 */
    src: url('//at.alicdn.com/t/font_3371257_gpoq35jhy8m.woff2?t=1651414122336') format('woff2'),
    url('//at.alicdn.com/t/font_3371257_gpoq35jhy8m.woff?t=1651414122336') format('woff'),
    url('//at.alicdn.com/t/font_3371257_gpoq35jhy8m.ttf?t=1651414122336') format('truetype');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#banner {
    height: 270px;
    background-image: url("../resources/hebut_logo.svg");
    background-size: 160px;
    background-repeat: no-repeat;
    background-position: 50px center;
}
#banner h2{
    padding-left: 250px;
    margin-top: 36px;
    font-size: 38px;
    font-weight: 400;
    color: #3e3e3e;
}
#banner h2 span{
    color: #aaaaaa;
    font-size: 28px;
}
#banner p {
    padding-left: 250px;
}

#invitationCodeBox {
    width: 200px;
    padding: 18px;
}
#invitationCodeBox h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    padding: 0 0 10px 0;
    color: #3e3e3e;
    cursor: default;
}
#invitationCodeBox #invitationCode {
    font-size: 28px;
    font-family: monospace;
    cursor: default;
}
#invitationCodeBox button {
    background: none;
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: absolute;
    right: 12px;
    transition: transform 1s ease-out;
}
#invitationCodeBox button span {
    font-size: 28px;
    color: #aaa;
}
